<meta charset="UTF-8">
<link rel="stylesheet" href="./enlarge.css">
<div class="box box1">
    <div class="img">
        <img src="./imgs/1.jpg" alt="" />
        <div class="mask"></div>
    </div>
    <ul>
        <li class="active" imgName="1">
            <img src="./imgs/1.small.jpg" alt="">
        </li>
        <li imgName="2">
            <img src="./imgs/2.small.jpg" alt="">
        </li>
    </ul>
    <div class="enlarge"></div>
</div>


<div class="box box2">
    <div class="img">
        <img src="./imgs/1.jpg" alt="" />
        <div class="mask"></div>
    </div>
    <ul>
        <li class="active" imgName="1">
            <img src="./imgs/1.small.jpg" alt="">
        </li>
        <li imgName="2">
            <img src="./imgs/2.small.jpg" alt="">
        </li>
    </ul>
    <div class="enlarge"></div>
</div>
<script src="./enlarge.js"></script>